{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Call lists" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Call lists" %}</h1>
    <p>{% translate "Groups of callers to phone for one purpose, such as inviting them to an event or checking on Sunday’s visitors. A supervisor makes each list and shares the callers among agents." %}</p>
  </div>
  {% if user.is_supervisor %}<div class="actions"><a class="btn btn-primary" href="{% url 'call_list_create' %}">{% translate "New call list" %}</a></div>{% endif %}
</div>

{% if open_lists %}
<ul class="list-cards">
  {% for cl in open_lists %}
  <li class="panel list-card">
    <div class="list-card-head">
      <a class="title" href="{{ cl.get_absolute_url }}">{{ cl.name }}</a>
      <span class="tag p-{{ cl.purpose }}">{{ cl.get_purpose_display }}</span>
    </div>
    {% if cl.chosen %}<div class="meta">{{ cl.chosen }}</div>{% endif %}
    <div class="list-progress" role="img" aria-label="{% blocktranslate trimmed with done=cl.percent %}{{ done }}% done{% endblocktranslate %}"><span style="width:{{ cl.percent }}%"></span></div>
    <div class="meta">{% blocktranslate trimmed with total=cl.total reached=cl.reached waiting=cl.waiting %}{{ total }} callers: {{ reached }} reached, {{ waiting }} still to call{% endblocktranslate %}{% if cl.due_date %} · {% blocktranslate trimmed with when=cl.due_date|due %}finish by {{ when }}{% endblocktranslate %}{% endif %}</div>
    <div class="list-card-foot">
      {% if cl.mine %}<strong>{% blocktranslate trimmed count n=cl.mine %}{{ n }} waiting for you{% plural %}{{ n }} waiting for you{% endblocktranslate %}</strong>{% else %}<span class="muted small">{% translate "None waiting for you" %}</span>{% endif %}
      <a class="btn btn-small{% if cl.mine %} btn-primary{% endif %}" href="{{ cl.get_absolute_url }}">{% if cl.mine %}{% translate "Start calling" %}{% else %}{% translate "Open" %}{% endif %}</a>
    </div>
  </li>
  {% endfor %}
</ul>
{% else %}
<div class="panel empty"><strong>{% translate "No call lists open." %}</strong>{% if user.is_supervisor %}{% translate "Make one with New call list: choose the callers, write what to say, and share them among the agents." %}{% else %}{% translate "When a supervisor shares a list with you, it shows here." %}{% endif %}</div>
{% endif %}

{% if closed_lists %}
<section class="panel" aria-labelledby="closed-h" style="margin-top:20px">
  <div class="panel-head"><h2 id="closed-h">{% translate "Closed lists" %}</h2></div>
  <ul class="rows">
    {% for cl in closed_lists %}
    <li><div class="grow"><a class="title" href="{{ cl.get_absolute_url }}">{{ cl.name }}</a>
      <div class="meta">{% blocktranslate trimmed with total=cl.total reached=cl.reached %}{{ total }} callers, {{ reached }} reached{% endblocktranslate %}{% if cl.closed_at %} · {% blocktranslate trimmed with when=cl.closed_at|date:"j M Y" %}closed {{ when }}{% endblocktranslate %}{% endif %}</div></div></li>
    {% endfor %}
  </ul>
</section>
{% endif %}
{% endblock %}